 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <%@ include file="/include/tagLib.jsp" %> 
 
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" 
       xmlns:html="http://struts.apache.org/tags-html">

 <head>
    <%@ include file="/include/titulo.jsp" %> 
   <link href="css/estilos.css" rel="stylesheet" type="text/css" />
    <link href="themes/redmond/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />
	<link href="scripts/jtable/themes/lightcolor/blue/jtable.css" rel="stylesheet" type="text/css" />
	
	<script src="scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="scripts/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
    <script src="scripts/jtable/jquery.jtable.js" type="text/javascript"></script>
   	<script type="text/javascript">

		$(document).ready(function () {

		    //Prepare jTable
			$('#PeopleTableContainer').jtable({
				title: 'Clientes',
				actions: {
					listAction: 'listacliente.do',
					createAction: 'PersonActions.php?action=create',
					updateAction: 'PersonActions.php?action=update',
					deleteAction: 'PersonActions.php?action=delete'
				},
				fields: {
					idCliente: {
						key: true,
						create: false,
						edit: false,
						list: false
					},
					desNombres: {
						title: 'Nombres',
						width: '15%',
						//type: 'date',
						create: false,
						edit: false
					},
					desApellidoPaterno: {
						title: 'Apellido Paterno',
						width: '15%'
					},
					desApellidoMaterno: {
						title: 'Apellido Materno',
						width: '15%'
					},
					
					
					desNroDocumento: {
						title: 'Nro. DNI',
						width: '10%',
						//type: 'date',
						create: false,
						edit: false
					},
					desDireccion: {
						title: 'Direccion',
						width: '20%',
						//type: 'date',
						create: false,
						edit: false
					},
					desEmail: {
						title: 'Email',
						width: '10%',
						//type: 'date',
						create: false,
						edit: false
					}
					
					
		
				}
			});

			//Load person list from server
			$('#PeopleTableContainer').jtable('load');

		});

	</script>
 </head>
 
 <body >
 <div id="CONTAINER">
 		<div class="header">
 		<img src="images/logo.png"/>
 		<div style="float: right;">Usuario:  <strong> ${usuarioLogin} </strong></div>
 		</div>
		<div class="izquierda"><ul><li><a>Pago</a></li><li><a  href="<c:url value='/vistanavegacion.do?menu=cliente'/>">Cliente</a></li></ul></div>
		<div class="principal">
  		<div id="PeopleTableContainer" style="width: 800px;"></div>
	  </div>
	  <div class="footer"><h6>CanjePeru 2013, Derechos reservados</h6></div>

	</div>
 </body>
   
   

 </html>


